<template>
  <div class="">
    <div class="">
      <div class="row_item">选择行业</div>
      <first-label-class @init-ok="getHotspots_RealTimeHotspotsAction" @select-label="getHotspots_RealTimeHotspotsAction"></first-label-class>
    </div>

    <div class="margin_top_20">
      <Table :columns="columns1" :data="top10List"></Table>
    </div>

      <div class="margin_top_20">
          <Table :columns="columns1" :data="top30List"></Table>
      </div>
  </div>
</template>

<script>
// 发送ajax 请求的组件
import getData from '../../api/getData'
import firstLabelClass from './child/firstLabelClass'
// 分页的配置信息
import {page_config} from '../../config/config'


var realTimeHotNewsLogic = {
    // 今日 实时热点
    getHotspots_RealTimeHotspots: function (vueObj) {
        var paramObj = {
            MID1: vueObj.oneLevel
        };
        getData.post("getHotspots_RealTimeHotspots", paramObj).then(function (response) {
            vueObj.top10List = response.data.data;
        })
            .catch(function (response) {
                console.log(response);
            });

    },

    // 更多实时热点 30条 不包括前面 10条
    getHistoryHotspots_RealTimeHotspots: function (vueObj) {
        var paramObj = {
            MID1: vueObj.oneLevel
        };
        getData.post("getHistoryHotspots_RealTimeHotspots", paramObj).then(function (response) {
            vueObj.top30List = response.data.data;
        })
            .catch(function (response) {
                console.log(response);
            });

    },

    // 收藏 或者 取消收藏  向服务器打交道
    collectAction: function( url, param, vueObj ){
        getData.post( url, {MCTID: param.RHID} ).then(function (response) {
            var data = response.data;
            if(data.code == 0){
                param.ISSC = param.ISSC ? 0 : 1;
            }else{
                vueObj.$Message.info( data.msg ? data.msg : '网络错误，请稍后重试');
            }
        }).catch(function (response) {
            console.log(response);
        });
    }

};

  export default {
    data: function () {
      return {
        oneLevel:"",
//          今日 实时热点
        top10List:[],
//          实时热点 30条 不包括前面 10条
        top30List:[],
//
//        {
//            "RHID": 13,
//            "RHMTitle": "热点12",
//            "RHType": 1,
//            "RHDate": "/Date(1499914699600)/",
//            "RHAmout": 12213,
//            "RHCommentNum": 213123,
//            "RHMCID": 30,
//            "RHSource": "中国网",
//            "RHJoinTime": "/Date(1499914699600)/",
//            "RHStatus": 1,
//            "RHPath": "0",
//            "RHBS": "1",
//            "RHURL": "www.baidu.com",
//            "RHDes": "备注",
//            "RHClickNum": 0,
//            "RHUP": 0,
//            "RHlike": 0,
//            "RHInform": 0,
//            "RHTag1": "",
//            "RHTag2": "",
//            "RHRobotNO": ""
//        }
        columns1: [
            {
                title: '序号',
                type: 'index',
                width: 60,
                align: 'center'
            },
          {
            title: '关键词',
            key: 'RHMTitle'
          },
            {
                title: '收藏',
                key: 'ISSC',
                render: (h, params) => {
                    return h('div', [
                        h('span', {
                            on: {
                                click: () => {
                                    this.markFavorite( params.row );
                                }
                            }
                        }, [
                            h('Icon', {
                                props: {
                                    type: params.row.RHStatus ? 'star' : 'ios-star-outline'
                                },
                                style: {
                                    fontSize: '20px'
                                }
                            })
                        ])
                    ]);
                },
            }
        ]
      }
    },
      methods:{
          // 今日 实时热点
          getHotspots_RealTimeHotspotsAction: function (itemObj, index) {
              this.oneLevel = itemObj.MID;
              realTimeHotNewsLogic.getHotspots_RealTimeHotspots(this);
              realTimeHotNewsLogic.getHistoryHotspots_RealTimeHotspots(this);
          },
          // 标记收藏或者取消收藏
          markFavorite( param ){
              var url = param.ISSC == 1 ? 'NSC_RealTimeHotspots' : 'SC_RealTimeHotspots';
              realTimeHotNewsLogic.collectAction( url, param, this);
          },
      },
      components:{
          firstLabelClass
      }
  }
</script>
